//  引入路由
import router from '@/router'
// 引入token 快捷
import store from '@/store'
// 创建白名单
const whiteList = ['/login', '404']
// 引入  样式插件  加载状态
import NProgress from 'nprogress'
// 引入 css
import 'nprogress/nprogress.css'
// 路由守卫
router.beforeEach(async(to, from, next) => {
  // 判断有没有token
  // 有token
  NProgress.start()
  if (store.getters.token) {
    // 有token 判断是否为登录页
    if (to.path === '/login') {
      // 是登录页  跳转到首页
      next('/')
      NProgress.done()
    } else {
      if (!store.getters.userId) {
        // 获取用户资料
        // 我们需要 等待获取资料 之后再进行 下一步的放行 强制等待
        await store.dispatch('user/getUserinfo')
      }
      // 有token不是登录页  放行
      next()
    }
  } else {
    // 没有token 判断是否有白名单
    if (whiteList.indexOf(to.path) > -1) {
      // 白名单放行
      next()
    } else {
      // 不是白名单 没token 回到登录页
      next('/login')
      NProgress.done()
    }
  }
})

// 后置守卫
router.afterEach(() => {
  NProgress.done() // 关闭进度条
})
